<!doctype html>

<head>
    <!-- meta -->
    <meta charset="utf-8">
    <meta name="description" content="Flat, Clean, Responsive, admin template built with bootstrap 3">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <!-- /meta -->

    <title>心秘籍系统</title>


    <bstablecss />
    <commonheader />
</head>
<body>

<div class="app">
    <section class="layout">

        <div class="panel panel-primary">
            <div class="panel-heading">
                查看测试状态
            </div>

            <div class="panel-body">

                <div class="row">
                    <div class="col-md-10">
                        <section class="panel">
                            <div class="form-group">
                                <label >点击选择组织测试的标题</label>
                                <select class="form-control" id="quiz_title_select">
                                    <option>读取中</option>

                                </select>
                            </div>

                            <label>测试进度</label>
                            <div class="panel-body no-padding">
                                <table class="table table-striped no-margin" id="quiz_users_resulttable">

                                </table>
                            </div>
                            <div class="panel-footer ">

                                <div class="btn-group ">
                                    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">显示已完成用户集体报告
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="groupreport_list">
                                        <li>
                                            <a href="#">Dropdown link</a>
                                        </li>
                                        <li>
                                            <a href="#">Dropdown link</a>
                                        </li>
                                    </ul>
                                </div>


                                <div class="btn-group ">
                                    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">下载集体报告
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu" id="grouppdf_list">
                                        <li>
                                            <a href="javascript:;">Dropdown link</a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">Dropdown link</a>
                                        </li>
                                    </ul>
                                </div>

                                <a class="btn btn-danger" id="delete_grouptest_btn">删除这组测试</a>

                            </div>
                        </section>

                    </div>


                    <div class="col-md-6">
                        <div class="panel">
                            <div class="panel heading">
                                预警设置
                            </div>

                            <div class="panel-body">
                                <label>预警维度设置</label>

                                <select class="form-controller" id="warnvalue_select">

                                    <option>test1</option>
                                    <option>test2</option>

                                </select>


                                <table class="table table-bordered table-striped responsive">
                                    <thead>
                                    <tr>
                                        <th>指标</th>
                                        <th>操作</th>
                                        <th>值</th>

                                    </tr>
                                    </thead>

                                    <tbody id="warn-set-list">


                                    <foreach name="pf16_property" item="pf16">
                                        <tr>
                                            <td>{$pf16.property}</td>
                                            <td><select>
                                                <option>小于</option>
                                                <option>大于</option>
                                            </select></td>
                                            <td><input type="number" id="{$pf16.section_name}"></td>
                                        </tr>
                                    </foreach>


                                    </tbody>
                                </table>

                            </div>
                            <div class="panel-footer">
                                <a class="btn btn-success" id="commit-warnvalue">保存预警设置</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </section>

</div>



<!-- 用户报告详细信息对话框 -->
<div class="modal fade" id="row_userquiz_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-keyboard="false">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                详细信息
            </div>
            <div class="modal-body" >
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel-body">
                            <form role="form">
                                <div class="form-group">
                                    <table class="table" id="user_quizstatus_detail">
                                        <thead>
                                        <tr>
                                            <td width="20%">测试名称</td>
                                            <td>进度</td>
                                            <td width="40%">操作</td>
                                        </tr>
                                        </thead>
                                        <tbody id="quiz_detail_modal_tbody">
                                        <tr>
                                            <td>名称名称</td>
                                            <td>
                                                <div class="progress progress-lg">
                                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%" id="qpercent">
                                                        <span class="sr-only">40% Complete (success)</span>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <a class="btn btn-primary btn-sm">查看报告</a>
                                                <a class="btn btn-primary btn-sm">下载pdf</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer" >
                <a class="btn btn-default">关闭</a>
            </div>
        </div>

    </div>
</div>


<commonfooter />
<bstablejs />
<jqnestablejs />

<script src="__PUBLIC__/js/tableTools.js"></script>
<script src="__PUBLIC__/js/orgnizerQuizStatus.js"></script>
<script>
    $(document).ready(function(){
        orgnizerQuizStatus("/TestHome");
    });

</script>


